// react 热开发 router 配置文件
import React from 'react';
import QRCode from 'qrcode';
import { defineConfig } from 'jsxp';

const Page = (await import(`./components/dynamic/MainPage.tsx`)).default;
const Version = (await import('./components/version/Version.tsx')).default;
const Help = (await import('./components/help/Help.tsx')).default;
const LoginQrcode = (await import('./components/loginQrcode/Page.tsx')).default;

//网页在线url图片资源加载不出，需到对应组件img标签添加：referrerPolicy='no-referrer'
const props = {
  data: {
    appName: 'bilibili',
    type: 'DYNAMIC_TYPE_DRAW',
    face: 'https://i2.hdslb.com/bfs/face/09dd0d38633d567179784ac9a0d95ac1187ea71d.jpg',
    pendant: '',
    name: '小白测评',
    pubTs: `${Date.now()}`,
    content: '关注微信公众号：小白测评 每晚发车不见不散',
    urlImgData: await QRCode.toDataURL('https://m.bilibili.com/opus/949167878184108051'),
    category: '文章动态',
    created: `2024-06-29 12:00:00`,
    pics: [
      { url: 'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg' },
      { url: 'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg' },
      { url: 'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg' }
    ]
    /*         orig: {
              appName: "bilibili",
              type: "DYNAMIC_TYPE_DRAW",
              face: "https://i2.hdslb.com/bfs/face/09dd0d38633d567179784ac9a0d95ac1187ea71d.jpg",
              pendant: "",
              name: "小白测评",
              pubTs: `${Date.now()}`,
              content: "关注微信公众号：小白测评 每晚发车不见不散",
              urlImgData: await (QRCode.toDataURL("https://m.bilibili.com/opus/949167878184108051")),
              category: "文章动态",
              created: `2024-06-29 12:00:00`,
              pics: [
              {url:'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg'},
              {url:'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg'},
              {url:'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg'},
              {url:'http://i0.hdslb.com/bfs/archive/e74c63cfec570974157be8d1f5e3582b355ad991.jpg'},
              ]
            } */
  }
};

const versionProps = {
  data: [
    {
      version: '2.0.0',
      data: [
        '- 新增自动刷新tempck配置可选项，B站功能添加查看app扫码获取的登录ck的有效状态',
        '- <span class="cmd">#我的B站登陆 </span>详细使用方法请查看 "#闲心帮助"'
      ]
    },
    {
      version: '1.0.0',
      data: ['1.支持Yunzai-V4 初版']
    }
  ]
};

const helpProps = {
  data: [
    {
      group: 'B站功能',
      list: [
        { icon: '树脂', title: '#订阅B站推送UID<br/>#订阅B站 图文 推送UID', desc: '检测up的B站动态进行推送' },
        { icon: '树脂', title: '#B站动态转发<br/>#转发B站动态', desc: '将B站动态转发到其他平台' },
        { icon: '树脂', title: '#B站动态评论<br/>#评论B站动态', desc: '对B站动态进行评论' },
        { icon: '树脂', title: '#B站动态点赞<br/>#点赞B站动态', desc: '对B站动态进行点赞' },
        { icon: '树脂', title: '#B站动态收藏<br/>#收藏B站动态', desc: '对B站动态进行收藏' },
        { icon: '树脂', title: '#B站动态分享<br/>#分享B站动态', desc: '分享B站动态到其他平台' },
        { icon: '树脂', title: '#B站动态转发到QQ空间<br/>#转发B站动态到QQ空间', desc: '将B站动态转发到QQ空间' },
        { icon: '树脂', title: '#B站动态转发到微博<br/>#转发B站动态到微博', desc: '将B站动态转发到微博' }
      ]
    },
    {
      group: '微博功能',
      list: [
        { icon: '树脂', title: '#订阅微博推送UID<br/>#订阅微博 图文 推送UID', desc: '检测up的微博动态进行推送' },
        { icon: '树脂', title: '#微博动态转发<br/>#转发微博动态', desc: '将微博动态转发到其他平台' },
        { icon: '树脂', title: '#微博动态评论<br/>#评论微博动态', desc: '对微博动态进行评论' },
        { icon: '树脂', title: '#微博动态点赞<br/>#点赞微博动态', desc: '对微博动态进行点赞' },
        { icon: '树脂', title: '#微博动态收藏<br/>#收藏微博动态', desc: '对微博动态进行收藏' },
        { icon: '树脂', title: '#微博动态分享<br/>#分享微博动态', desc: '分享微博动态到其他平台' },
        { icon: '树脂', title: '#微博动态转发到B站<br/>#转发微博动态到B站', desc: '将微博动态转发到B站' },
        { icon: '树脂', title: '#微博动态转发到QQ空间<br/>#转发微博动态到QQ空间', desc: '将微博动态转发到QQ空间' },
        { icon: '树脂', title: '#微博动态转发到微信<br/>#转发微博动态到微信', desc: '将微博动态转发到微信' }
      ]
    }
  ]
};

const LoginProps = {
  data: {
    url: ''
  }
};

export default defineConfig({
  routes: {
    '/dynamic': {
      component: <Page {...props} />
    },
    '/version': {
      component: <Version {...versionProps} />
    },
    '/help': {
      component: <Help {...helpProps} />
    },
    '/login': {
      component: <LoginQrcode {...LoginProps} />
    }
  }
});
